<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body ng-app="demoApp">
		<!--使用的时候需要用 "-" 来命名标签-->
		<itcast-button></itcast-button>
		
		<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var demoApp = angular.module('demoApp', []);
			//第一个参数是指令的名字，第二个参数任然应该使用一个数组，数组的最后一个元素是一个函数
			//定义指令的名字，应该使用驼峰命名法
			demoApp.directive('itcastButton', [function(){
				//该函数应该返回一个指令对象
				return{
					template:'<input type="button" value="itcast" class="test">'
				};
			}]);
		</script>
	</body>
</html>
